<template>
    <div>
        <home-header></home-header>
        <home-nav></home-nav>
        <my-footer></my-footer>
    </div>
</template>

<script>
import axios from 'axios'

import HomeHeader from './components/HomeHeader'
import HomeNav from './components/HomeNav'
import MyFooter from '../../components/MyFooter'
export default {
    name:'Home',
    data:function(){
        return{

        }
    },
    components:{
        HomeHeader:HomeHeader,
        HomeNav:HomeNav,
        MyFooter:MyFooter
    },
    mounted:function(){
        this.getHomeInfo();
    },
    methods:{
        getHomeInfo:function(){
            // axios.get('/api/library')
            // .then(function(response){
            //     console.log(response);
            // }).catch(function(error){
            //     console.log(error);
            // });
        }
    }
}
</script>
<style lang="scss" scoped>
*{
    margin: 0;
    padding: 0;
}
</style>